<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <title>快件e栈用户登陆</title>
</head>
<script src="js/jquery.min.js"></script>
<script src="../layer/layer.js"></script>
<body style="">
    <section class="aui-flexView">
        <header class="aui-navBar aui-navBar-fixed">
            <a href="javascript:;" class="aui-navBar-item">

            </a>
            <div class="aui-center">
                <span class="aui-center-title"></span>
            </div>
        </header>
        <section class="aui-scrollView">
        <div class="aui-ver-head">
            <img src="images/head.png" alt="">
        </div>
        <div class="aui-ver-form"><img class="logo" src="images/logo.png">
            <div class="aui-flex">
                <div class="aui-flex-box">
                    <i class="icon icon-phone"></i>
                    <input id="phone1" type="text" autocomplete="off" placeholder="手机号码">
                </div>
            </div>
            <div class="aui-flex">
                <div class="aui-flex-box">
                    <i class="icon icon-code"></i>
                    <input id="code1" type="text" autocomplete="off" placeholder="验证码">
                </div>
                <div class="aui-button-code">
                    <input id="btnSendCode1" type="button" class="btn btn-default" value="获取验证码" onclick="sendMessage1()">
                </div>
            </div>
            <div class="aui-ver-button">
                <button onclick="binding()">立即登录 / 注册</button>
            </div>
            <div class="aui-cell-box">
                <label class="cell-right">
                    <input type="checkbox" value="1" name="checkbox" checked="checked">
                    <i class="cell-checkbox-icon"></i>
                    <em>同意快递e栈注册协议</em>
                </label>
            </div>
        </div>
        </section>
    </section>

</body>
<script type="text/javascript">
	var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
	var count = 60;
	var InterValObj1;
	var curCount1;
	function sendMessage1() {
		curCount1 = count;
		var phone = $.trim($('#phone1').val());
		if (!phoneReg.test(phone)) {
			alert(" 请输入有效的手机号码");
			return false;
		}

		$("#btnSendCode1").attr("disabled", "true");
		$("#btnSendCode1").val( + curCount1 + "秒再获取");
		InterValObj1 = window.setInterval(SetRemainTime1, 1000);

		//调用发送短信接口
        $.getJSON(
            "/wx/loginSms.do",
            {userPhone: phone},
            function(data) {
                layer.msg(data.result);
                $("#code1").val(data.data);
            }
        )
	}
	function SetRemainTime1() {
		if (curCount1 == 0) {
			window.clearInterval(InterValObj1);
			$("#btnSendCode1").removeAttr("disabled");
			$("#btnSendCode1").val("重新发送");
		}
		else {
			curCount1--;
			$("#btnSendCode1").val( + curCount1 + "秒再获取");
		}
	}

	function binding(){
	    if($("#phone1").val() && $("#code1").val()) {
            if(!$(":checkbox").prop("checked")){
                layer.msg("未勾选协议,无法登陆");
                return;
            }
            var userPhone = $.trim($("#phone1").val());
            var code = $.trim($("#code1").val());
            var windowId = layer.load();
            $.post(
                "/wx/login.do",
                {userPhone:userPhone, code:code},
                function(data) {
                    layer.close(windowId);
                    if(data.status == 0 || data.status == 1) {
                        window.location.href="index.html";
                    } else if(data.status == 2) {
                        window.location.href = "userCheckStart.html";
                    } else {
                        layer.msg(data.result);
                    }
                    //alert("正在登陆")
                }
            )
        } else {
	        layer.msg("请输入登录信息")
        }
	}
</script>

</html>
